<template>
  <div class="main">
    <top-bar-son></top-bar-son>
    <!-- 根据标题显示不同的文章 -->
    <div class="space"></div>
    <div class="popuPage" v-if="this.title === '煤矿微震知识图谱'">
      <van-empty description="正在构建中..."/>
    </div>
    <div class="popuPage" v-if="this.title === '软件的系统设置'">
      <p>此软件是基于B/S架构的全自动的数据统计APP，需要保障手机软件在后台正常运行，并且保证网络的畅通。</p>
      <p>1.位置权限：勾选为始终允许</p>
      <p>2.通知权限：打开允许通知，包括提醒的锁定屏幕，通知中心等等，都建议设置为始终</p>
      <p>3.无线数据：打开并勾选WLAN和蜂窝移动网络</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/fw.jpg"></van-image>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/wlan.jpg"></van-image>
    </div>
    <div class="popuPage" v-if="this.title === '煤矿巷道三维建模的原理'">
      <p>  随着数字化进程在煤矿领域的发展，建立一个可视化的三维的煤矿井下场景成为实现煤矿数字化管理生产以及设计的前提。</p>
      <p>本模块将成为未来搭建三维煤矿场景的一个实验模块，
        初步的想法是通过工程常用的AUTOCAD绘制的矿区煤层采掘工程平面图作为实验数据。</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/autocad.png"></van-image>
      <p>然后对巷道三维建模算法和WebGL可视化技术进行了研究。</p>
      <p>预期效果图:</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/3dtunnel2.png"></van-image>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/3dtunnel1.png"></van-image>
    </div>
    <div class="popuPage" v-if="this.title === '震级与烈度'">
      <h2>震级说明</h2>
      <p>国际上使用的地震震级——里克特级数，是由美国地震学家里克特所制定的，它的范围在1-10级之间。
        它直接同震源中心释放的能量（热能和动能）大小有关，震源释放的能量越大，震级就越大。</p>
      
      <h3>震级大小分类情况</h3>
      <p>1.弱震：震级小于3级的地震，人类几乎感知不到。</p>
      <p>2.有感地震：震级大于或等于3级，小于或等于4.5级，人会产生震感</p>
      <p>3.中强震：震级大于4.5级，小于6级。感受强烈，房屋会损坏，人员会出现伤亡</p>
      <p>4.强震：大于6级</p>
      <p>5.巨大地震：大于或等于8级</p>
      
      <h2>烈度说明（我国的12个烈度等级划分）</h2>
      <p>1度：无感——仅仪器能记录到。</p>
      <p>2度：微有感——个别敏感的人会有所发觉。</p>
      <p>3度：轻微有感——室内少数人在静止中有感。</p>
      <p>4度：多有感——室内大多数人有感，室外人员无感。</p>
      <p>5度：惊醒——室外大多数人有感，门窗作响。</p>
      <p>6度：惊慌——人站立不稳，墙体开裂，瓦片掉落。</p>
      <p>7度：房屋损坏——房屋轻度被破坏。</p>
      <p>8度：建筑物破坏——房屋中等破坏，少数破坏路基塌方。</p>
      <p>9度：建筑物普遍破坏——房屋严重破坏，铁轨弯曲。</p>
      <p>10度：建筑物普遍摧毁——房屋倒塌，道路毁坏。</p>
      <p>11度：毁灭——房屋大量倒塌，路基大段崩坏。</p>
      <p>12度：山河改观——一切建筑物普遍破坏，地形剧烈变化。</p>
      <p>来源：互联网</p>
    </div>
    <div class="popuPage" v-if="this.title === '微震预警原理'">
      <p>微震预警是在灾害发生时，利用电波比微震波快的原理，在破坏性微震波到达之前给目标发出警报，
        据此及时避险以减少伤亡，重要工程紧急处置以减少经济损失和次生灾害</p>
    </div>
    <div class="popuPage" v-if="this.title === '微震预警的意义'">
      <p>研究表明《西北地震学报》2002年12期：</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/yy1.jpg"></van-image>
      <p>没有预警系统，人们对灾害的反应过程大致如下：</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/yy2.jpg"></van-image>
      <p>有了预警系统，加上平时的演习，对待灾害的反应过程大致变成：</p>
      <van-image lazy-load src="http://www.cdmw-lnu.cn/images/VersionTwoIcon/popuImage/yy3.jpg"></van-image>
    </div>
  </div>
</template>

<script>
import TopBarSon from "../components/TopBarSon";
export default {
  name: "PopuScience",
  components: {TopBarSon},
  data(){
    return{
      title:this.$store.state.jumpPage.title
    }
  }
}
</script>

<style scoped>

.space{
  height: 50px;
}

.popuPage{
  height: 100%;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

</style>